<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Task Agile - Gerenciador de Tarefas</title>
		
		<link rel="stylesheet" href="style.css" media="screen" />
	</head>
	<body>
		<div id="tudo">
			<div id="topo">
				<h1 id="logo"><a href="principal.html">taskagile.</a></h1>
			</div>
			
			<div id="content">
				
			<!-- menu de opções -->
			<div id="menu">
				<ul>
					<li><a href="principal.html">Voltar</a></li>
					<li><a href="#" class="inserir">Finalizar</a></li>
					<li><a href="#" class="inserir">Encaminhar</a></li>
					<li><a href="#" class="inserir">Congelar</a></li>
				</ul>
			</div>
				
				<div class="titulo">
					<h3>Título da tarefa</h3>
					<span>Nome do projeto</span>
				</div>
				
				<div class="tarefa">
					
					<div class="info-tarefa">
						<ul>
							<li><strong>Cliente:</strong> Fulano de Tal</li>
							<li><strong>Tarefa:</strong> Desenvolvimento de um Jogo da Velha</li>
							<li><strong>Prioridade:</strong> Baixa</li>
							<li><strong>Criador:</strong> Orion Teles</li>
							<li><strong>Situação:</strong> Congelado</li>
							<li><strong>Descrição:</strong> Não tem descrição</li>
						</ul>
						
						<form action="">
							<div>
								<label for="note"><strong>Anotação:</strong></label>
								<textarea name="anotacao" id="note" cols="50" rows="6"></textarea>
							</div>
							
							<button type="submit">Gravar</button>
						</form>
					</div><!-- fim de infor tarefa -->
					
					<div class="arquivos">
						<h3>Arquivos <a href="#" class="adicionar">+</a></h3>
						<ul>
							<li><a href="#">Arquivo 1</a></li>
							<li><a href="#">Arquivo 2</a></li>
							<li><a href="#">Arquivo 3</a></li>
						</ul>
						
					</div>
					
				</div><!-- fim de tarefa -->
				
				<div class="lista-tarefas">
				<table summary="Aqui fica uma descrição sobre o que a table é.">
						
						<thead>
							<tr>
								<th scope="col">Data</th>
								<th scope="col">Duração</th>
								<th scope="col">Usuário</th>
								<th scope="col">Anotação</th>
							</tr>
						</thead>
					
						<tbody>
							<tr>
								<td>12/02/2011</td>
								<td>1:27:10</td>
								<td>Cristiano Teles</td>
								<td>Nada pra anotar</td>
							</tr>
						
							<tr class="cor">
								<td>12/02/2011</td>
								<td>1:27:10</td>
								<td>Cristiano Teles</td>
								<td>Nada pra anotar</td>
							</tr>
						
							<tr>
								<td>12/02/2011</td>
								<td>1:27:10</td>
								<td>Cristiano Teles</td>
								<td>Nada pra anotar</td>
							</tr>
							
						</tbody>
					</table>
				</div><!-- fim de biblioteca 01 -->
				
			</div><!-- fim de content -->
			
			<div id="rodape">
				<address>Copyright&copy; 2011 - Todos os direitos reservados</address>
			</div>
			
		</div><!-- fim de tudo -->
	</body>
</html>
